.li a{
    float: left;
	line-height: 50px;
	margin-left: 20px;
	font-size: 15px;
}

.fr{
	    float: right;
}
.container{
	padding:0!important;
}
	.ysq a{
	color:rgb(80, 190, 215)
}
.mr{
	color: #50bed7;
}
.banner{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background-size:cover;
	background-position:center;
	height: 700px;
	background-attachment:fixed;
}
.banner{background-image:url(../images/banner.jpg);}


.banner_w{
	position: absolute;
	z-index: 100;
	top: 250px;
	left: 20%;
	color: #fff;

}
.banner_wenzi{
	color: #fff;

}
.banner_wz{
	margin-top: 40px;
		font-size: 84px;
		width: 1200px
}
.pr{
	position: relative;
}
.title{
	margin: 0 auto;
	text-align: center;
	font-size:24px;
	background-color:transparent;
	height: 34px;
}
.title_s{
	color;rgb(33, 33, 33);
	font-size:18px;
	background-color:transparent;
	margin: 0 auto;
	text-align: center;
	height: 24px;
}
.gywm_img{
	float: left;
	overflow: hidden;
	width: 380px;height: 220px;
}
.gywm_wz{
	float: left;
	width: 400px;
	height: 220px;
	background: #f1f1f1;
	padding: 40px 20px;
}
.gsjj{
    color: rgb(80, 190, 215);
	font-size: 18px;
	line-height: 40px;
}
.gsjj_s{
	color: rgb(102, 102, 102);
	line-height:36px;
	width: 360px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.gywm_zc{
	width: 380px;
	background: #f1f1f1;
	padding: 40px 20px;
	float: left;
	height: 220px;
}
.shang{
    width: 100%;
	overflow: hidden;
    margin: 0 auto;
}
.xia{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}
.gywm_qy{
	width: 640px;
	background: #f1f1f1;
	padding: 40px 20px;
	float: left;
	height: 220px;
}
.gywm_lou{
	width: 160px;
	height: 220px;
	float: left;
}
.cp{
	background-color:transparent;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.cp_s{
	background-color:transparent;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}
.changpin{
	background: #272c31;
	width: 100%;
	margin: 0 auto;
	min-height: 990px
}
.xuanxiang{
    margin: 0 auto;
    text-align: center;
    width: 1200px;
    height: 20px;
    float: left;
    padding: 0 200px;
}
.xx{
    color: #ccc;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}
.cp_img{
	width: 300px;
	height: 300px;
	float: left;
	overflow: hidden;
	margin: 0 auto;
	margin-right: 20px;
	position: relative;
}
.cp_img >img{
	    width: 300px;
    height: 300px;
}
.cpd_img{
   width: 530px;
   height: 630px;
   float: left;
	overflow: hidden;
	background: #fff;
		position: relative;

}
.cpd_img >img{
	width: 280px;
}
.cpd_img .ss{
    top: 280.5px;
    left: 206.5px;
}


.ss{
	position: absolute;
	z-index: 100;
    top: 112.5px;
    left: 96.5px;
	opacity: 0;
	cursor: pointer;
	transition:opacity 2s;
-moz-transition:opacity 2s; /* Firefox 4 */
-webkit-transition:opacity 2s; /* Safari and Chrome */
-o-transition:opacity 2s; /* Opera */
}
.cp_img:hover .ss,.cpd_img:hover .ss,.w3h4:hover:hover,.w3h4:hover .ss{
	opacity: 1;
}

.dss{
	position: absolute;
	z-index: 100;
	top:277.5px;
	left: 225px;
	display: none;
}

.f36{
	width: 100%;
	font-size: 36px;
	color: #666666;
	text-align: center;
	    float: left;
	    margin-top: 60px;
}
.f24{
	width: 100%;
	font-size: 24px;
	color: #666666;
	text-align: center;
	    float: left;
	    margin-top: 50px;
}

.f16{
		width: 300px;
	font-size: 16px;
	color: #646464;
	text-align: center;
	    float: left;
	        margin: 15px 0 40px;
}
.f18{
		width: 100%;
	font-size: 18px;
	color: #646464;
	text-align: center;
	    float: left;
	        margin: 15px 0 40px;
}

.dm{
	display: block;
	margin: auto;
}

.whk{
	width: 160px;
	height: 50px;
    padding: 15px 50px;
	border:1px solid #a9a9a9;
	color: #a9a9a9;
	margin: auto;
	    margin-top: 20px;
	    display: block;
}

 .h550{
 	float: left;
	width: 100%;
	height: 550px;
	background-color: #f1f1f1;
}

.w3h4{
    width: 300px;
    float: left;
    height: 400px;
    background: #fff;
margin: 70px 50px;
position: relative;

}
.w3h4 >img{
    width: 210px;
}
.w3h4 > .ss{
	    top: 220.5px;
    left: 100.5px;
}
.xwz{
color: #646464;
font-size: 20px;
line-height: 24px;
margin-top: 100px;
float: left;
margin-bottom: 20px;
    width: 100%;
}
.slve{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
    width: 285px;
    float: left;
}
.xwnr{
	width: 360px;
	float: left;
	    margin: 0 20px;
}
.xwnr ul{
	width: 360px
}
.xwnr li{
	width: 360px;
	line-height: 40px;
	font-size: 14px;
	color: #646464;
    border-bottom: 1px dashed #e5e5e5;
    height: 40px;
}
.h150{
	height: 150px;
	width: 100%;
	background: #333333;
	float: left;
}
#view a:hover li,#view2 a:hover li,#view3 a:hover li{

	color: #008a8c
}

	.scxyl{
	margin-top: 35px;
	margin-bottom: 40px;
	text-align: center;
}

.scxyl a ,.scxyl span{

	color: #bfbfbf
}

.p10{
	padding: 0 10px;
}
.copyright{
	text-align: center;
		color: #bfbfbf
}

.fix{
	    position: fixed;
    right: 5%;
    
    top: 75%;
}
.fix img{
width: 70%;
	transition:opacity 1s;
-moz-transition:opacity 1s; /* Firefox 4 */
-webkit-transition:opacity 1s; /* Safari and Chrome */
-o-transition:opacity 1s; /* Opera */
}
.fix:hover img{
	opacity:0.2;
}

.dx{
animation-name: myfirst;
animation-duration: 0.6s;
animation-delay: 0s;
animation-direction: normal;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: myfirst;
-moz-animation-duration: 0.6s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
/* Safari ºÍ Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 0.6s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: myfirst;
-o-animation-duration: 0.6s;
-o-animation-timing-function: linear;
-o-animation-delay: 0s;
-o-animation-iteration-count: 1;
-o-animation-direction: normal;
-o-animation-play-state: running;
 left: 50%;
top: 50%; 
transform: translateX(-50%) translateY(-50%);
position: absolute;
overflow: hidden;
}

@keyframes myfirst
{
from {opacity:0;width: 0;height: 0}
to {opacity:1;width: 100%;height: 100%}
}

@-moz-keyframes myfirst 
{
from {opacity:0;width: 0;height: 0}
to {opacity:1;width: 100%;height: 100%}
}

@-webkit-keyframes myfirst 
{
from {opacity:0;width: 0;height: 0}
to {opacity:1;width: 100%;height: 100%}
}

@-o-keyframes myfirst
{
from {opacity:0;width: 0;height: 0}
to {opacity:1;width: 100%;height: 100%}
}